<html>
	<head>
		<title>Quero Carona Ofertar</title>
		
		<meta http-equiv="X-UA-Compatible" content="IE=edge">

		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css">
		<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css">
		<link rel="stylesheet" type="text/css" href="css/styles.css">

		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-modal.js"></script>
		<script type="text/javascript" src="js/script.js"></script>

	</head>
	

	<body>

		<div class="canvas">
			

			<div class="blueLayer">
				<div class="grayLayer">
					<!-- CONTEUDO DENTRO DESTA DIV-->
                    <div class="main-content">
                    	<div class="ofertadas">
						<!--Dinâmico-->
						<div class="itemOfertadas" id="item1">
							<div><img src="img/user.jpg"  width="30" height="30" style="float:left";/></div>
							<div><span><b>Thonny</b> Solicitou carona do <b>Centro</b> para o <b>Mocambinho</b> às 17:00h de hoje .</span></div>
						
						</div>
						<hr>
						<div class="itemOfertadas" id="item1">
							<div><img src="img/user.jpg"  width="30" height="30" style="float:left";/></div>
							<div><span><b>Rondinele</b> Solicitou carona do <b>Centro</b> para o <b>Mocambinho</b> às 17:00h de hoje .</span></div>
						</div>
						<hr>

						<div class="itemOfertadas" id="item1">
							<div><img src="img/user.jpg"  width="30" height="30" style="float:left";/></div>
							<div><span><b>Marciano</b> Solicitou carona do <b>Centro</b> para o <b>Mocambinho</b> às 17:00h de hoje .</span></div>
						</div>
						<hr>


						<div class="itemOfertadas" id="item1">
							<div><img src="img/user.jpg"  width="30" height="30" style="float:left";/></div>
							<div><span><b>Marciano</b> Solicitou carona do <b>Centro</b> para o <b>Mocambinho</b> às 17:00h de hoje .</span></div>
						</div>
						<hr>

						<div class="itemOfertadas" id="item1">
							<div><img src="img/user.jpg"  width="30" height="30" style="float:left";/></div>
							<div><span><b>Marciano</b> Solicitou carona do <b>Centro</b> para o <b>Mocambinho</b> às 17:00h de hoje .</span></div>
						</div>
						<hr>

						<!--Fim-->
				</div>
                    </div>
                    <!--FIM DE DIV PRINCIPAL-->
                   <div id="buttons">
		                        		<button class="btn btn-success" data-toggle="modal" id="btn_confirmar" type="button" onClick="window.open('principal_vw.html')">Confirmar</button>
		                                <button class="btn btn-warning" id="btn_cancelar" type="button" onClick="window.open('principal_vw.html')">Cancelar</button>


                        	<button class="btn btn-primary" data-toggle="modal" id="btn_oferecer" type="button" onClick="window.open('ofertar_vw.html')">Oferecer</button>
						
                            <button class="btn btn-primary" id="btn_solicitar" type="button" onClick="window.open('solicitar_vw.html')">Solicitar</button>
						<
					
				</div>


			</div>

			<div class="pergunta"></div>
			<div class="quero_carona"></div>
			
			
			<div class="divLogo"></div>

		</div>	
			


	</body>
</html>